<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
<script>

    // 选择结构的嵌套 => 在满足特定条件的情况下 进行二次判断

    // 断点:  => 调试代码

    // 断点的使用流程
    // 1. 先打断点 debugger; 哪里不会断哪里
    // 2. 打开控制台
    // 3. 找到source (源码)
    // 4. 让代码重新执行一遍
    //   a. 如果代码是页面加载时执行的   => 刷新页面
    //   b. 如果代码在点击事件中    => 点击执行触发断点

    // F9/F10  下一步
    // F8      从当前断点直接跳到下一个断点,没有断点就跳到结尾



    var grade = Math.round(Math.random()*100); // 100
    var grade = 96;
    // debugger;   //哪里不会断哪里
    console.log(grade); // 3

    // 80 <= grade <90  => (80 <= grade) < 90

    if(grade>=90){
        if(grade == 100){
            document.write(grade+ "分,666<br>");
        }else{
            document.write(grade+ "分,优秀<br>");
        }
    }else if(grade >= 80){  //  grade>=80 && grade < 90
        document.write(grade+ "分,良好<br>");
    }else if(grade >= 70){  //  grade>=70 && grade < 80
        document.write(grade+ "分,一般<br>");
    }else if(grade >= 60){  //  grade>=60 && grade < 70
        document.write(grade+ "分,危险<br>");
    }else{
        document.write(grade+ "分,不及格,恭喜获得免费回城券一张<br>");
    }
    // debugger;
    document.write("后面的代码<br>");


</script>
</html>